@import "../../styles/base";

/*好友拼团*/
.ga-product-group{
  .banner{
    img{
      width:100%;
    }
  }

  .tabs{
    background: #fff;
    padding:10rpx 0;
    @include display-flex;

    .item{
      @include wh(120rpx,40rpx,40rpx);
      border:1px solid #f0335d;
      color:#f0335d;
      text-align: center;
      @include border-radius(10rpx);
      font-size:24rpx;
      margin-left:50rpx;

      &.active{
        background: #f0335d;
        color:#fff;
      }
    }
  }

  .person{
    @include display-flex;
    @include align-items(center);
    padding:10rpx 22rpx;

    .name{
      margin-left:15rpx;
    }

    .img-box{
      @include wh(46rpx,46rpx);
      background: $bg;
      border:1px solid $grayLighter;
      @include border-radius(50%);
      text-align: center;
    }
  }

  .ga-group-list{
    .img-box{
      @include wh(235rpx,175rpx);
      border:1rpx solid $grayLighter;
      @include border-radius(8rpx);
      @include box-shadow(4rpx 6rpx 15rpx $grayLighter);
    }

    .btn{
      position: absolute;
      right:0;
      bottom:0;
      z-index:$zindexDropdown;
    }

    .item{
      margin-top:20rpx;
      position: relative;

      .p1{
        margin-top:5rpx;
        color:$gray;
        @extend %ellipsis-basic;
      }
      .p2{
        font-size:22rpx;
        color:$gray;
        span{
          color:$primary;
        }
      }
      .p3{
        font-size:18rpx;
        color:$grayLight;
        span{
          text-decoration: line-through;
        }
      }
      .p4{
        color:$primary;
        font-size:18rpx;
        span{
          font-size:26rpx;
        }
      }
    }
  }
}
